<template>
<div>
    <p>数量:{{count}}</p>
    <p>state:{{state}}</p>
    <p>info:{{info}}</p>
    <p>type:{{type}}</p>
</div>
</template>

<script>
export default{
    // 组件的名字
    name:'MyCount',
    props:{
        count:{
            type:Number,//props属性的类型
            required:true,//说明这个props属性在使用的时候，必须要传递参数过来
            default:100,//props属性的默认值
        },
        state:Boolean,
        info:[String,Number],
        // 通过validator函数，对type的属性值进行校验，"属性的值"可以通过形参value进行接收
        type:{
            validator(value){
                // type的属性值，必须匹配下列字符串中的一个
                // validator函数的返回值为true表示验证通过，false表示验证失败
                // indexOf方法用于验证是否是数组中的一个
                return ['success','warning','danger'].indexOf(value)!==-1
            }
        }
    }
}
</script>

<style lang="less" scoped></style>